<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>Are you green</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<link href="css/css.css" rel="stylesheet" media="all" type="text/css" />
	<script type="text/javascript" src="js.js"></script>
	<script type="text/javascript" src="carbon.js"></script>
</head>

<body>

<div id="header">
<h1><a href="./index.html" title="Home"><span class="hide">Are you green</span></a></h1>

<div id="navigation">
	<ul>
		<li><a class="nav1" href="#" title="#">Nav 1</a></li>
		<li><a class="nav2" href="#" title="#">Nav 2</a></li>
		<li><a class="nav3" href="#" title="#">Nav 3</a></li>
		<li><a class="nav4" href="#" title="#">Nav 4</a></li>
		<li><a class="nav5" href="#" title="#">Nav 5</a></li>

	</ul>
</div>
</div>


<div id="wrap">
	<div id="side-a">

		<h2>Calculate your carbon footprint</h2>

		<form id="myform" name="carbon" id="carbon" method="get" action="?" onsubmit="CalculateFootprint(this); return false;">

		<h3>Household</h3>
		<p>
		Enter your annual household usage of the following:
		</p>

		<table width="100%" class="tbl">
			<tr><td>Electricity:	</td><td><input type="text" id="electricity" name="electricity" value="0"/> $USD</td></tr>

			<tr><td>Natural Gas: </td><td><input type="text" id="naturalgas" name="naturalgas" value="0"/> $USD</td></tr>
			<tr><td>Coal: </td><td><input type="text" name="coal" id="coal" value="0"/> kWh</td></tr>
			<tr><td>LPG: </td><td><input type="text" name="lpg" id="lpg" value="0"/> litres</td></tr>
			<tr><td>Propane: </td><td><input type="text" id="propane" name="propane" value="0"/> US Gallons</td></tr>
			<tr><td>Heating Oil: </td><td><input type="text" id="heatingoil" name="heatingoil" value="0"/> US Gallons</td></tr>

			<tr><td></td></tr>
			<tr><td></td></tr>
		</table>
		<h2>Travel</h2>
		<p>
		Enter your annual mileage for each type of public transport
		</p>
		<table width="100%" class="tbl">

			<tr><td>Buses:</td><td><input type="text" name="buses" id="buses" value="0"/></td></tr>
			<tr><td>National Rail:</td><td><input type="text" name="rail" id="rail" value="0"/></td></tr>
			<tr><td>Tram:</td><td><input type="text" name="tram" id="tram" value="0"/></td></tr>
			<tr><td>Tube/Subway:</td><td><input type="text" name="tube" id="tube" value="0"/></td></tr>
			<tr><td></td></tr>
			<tr><td></td></tr>

		</table>
		<h2>Lifestyle questions</h2>
		<table width="100%" class="tbl">
			<tr><td>Diet:</td><td><input type="checkbox" name="meat" id="meat"> Mostly Meat</td></tr>
			<tr><td>In Season Food:</td><td><select name="InSeason" id="InSeason"><option value="0">I sometimes buy canned food</option><option value="1">I buy only canned food</option></select></td></tr>
			<tr><td>Fashion:</td><td><input type="checkbox" name="fashion" id="fashion"> I like to have the latest in everything</td></tr>
			<tr><td>Recycle:</td><td><input type="checkbox" name="recycle" id="recycle">I recycle sometimes</td></tr>
			<tr><td>No of cars I own: </td><td><input type="text" name="cars" disabled id="cars" value="0"> <input type="button" onclick="this.form.cars.value++;" value="increase"> <input type="button" onclick="if (this.form.cars.value <=0 ) return false; this.form.cars.value--; " value="decrease"></td></tr>
			<tr><td>No. of Bank A/cs: </td><td><input type="text" name="bankacs" disabled id="bankacs" value="0"> <input type="button" onclick="this.form.bankacs.value++;" value="increase"> <input type="button" onclick="if (this.form.bankacs.value <=0 ) return false; this.form.bankacs.value--; " value="decrease"></td></tr>

			<tr><td></td><td></td></tr>
			<tr><td colspan="2"><input type="button" onclick="CALC();" value="Calculate your Carbon Footprint"></td></tr>
		</table>

		</form>
	</div>
	<div id="side-b"><div class="content_class">
		<h2>Your Carbon Quotient: <span id="CO2Count"></span></h2>



	</div></div>
	<div id="clear">
	</div>
</div>

<div id="footer">
	<a href="./index.htm">HOME</a>
</div>

</body>
</html>
